[アップデート] Amazon QuickSight のコントロールオプションで適用ボタンを表示できるようになりました

[アップデート] Amazon QuickSight のコントロールオプションで適用ボタンを表示できるようになりました

Clock Icon2024.10.03

いわさです。

What's New でのアナウンスが出ていないのですが、Amazon QuickSight のドキュメントを眺めていたところ一部のコントロールで「適用ボタン」を表示出来るようになっていることに気が付きました。

https://docs.aws.amazon.com//quicksight/latest/user/filter-controls.html

QuickSight authors can now add an Apply button to a Calendar, Relative date picker, or Multiselect dropdown control that delays visual reload until the user chooses Apply. For more information, see Adding filter controls to analysis sheets.

これはなかなか良さそう!と思い、アップデート内容を実際に検証してみましたので紹介します。

従来(適用ボタンなし)の複数ドロップダウンの挙動と問題点

コントロールというのは分析やダッシュボードの上部あるいはシート内に配置されている閲覧者が操作可能なコントロールで、パラメータやフィルター条件の変更に利用することが出来るものです。

7A3712EC-4B58-417F-BA41-520BE1551555.png

例えば上記分析でフィルター機能を使って特定の key 値を持つ行のみを表示したい場合、文字列パラメータを定義してフィルターと関連付けし、その文字列パラメータはコントロールで閲覧者が編集可能にします。
このとき、パラメータ値が複数の値を許容する場合は、コントロール側でも複数選択可能なドロップダウンなどを使うことが出来ます。

ただ、従来はこの複数値選択を行うときに、、対象項目の選択状態をひとつ切り替えるごとにビジュアルのローディングが発生していました。

F61AAB23-FA04-4DA0-96C5-1507CA2C3750.png

item2 を対象外として選択した瞬間にローディングが発生します。
また item4 を対象外とする際にもまたローディングが発生してしまいます。

E6FDB046-714A-4B7C-B327-1B64F677DD95.png

複数選択の場合は可能であれば複数の変更を一括で反映してクエリを投げたいところだと思います。
SPICE だとしても毎回ローディングが発生するのは UX 上良くない場合がありますし、これがダイレクトクエリの場合だとデータソースに対する負荷や料金が気になるところだと思います。

適用ボタンで反映タイミングをコントロール出来るように

今回のアップデートで複数値を選択する一部コントロールで「適用ボタン」を表示出来るようになりました。
デフォルトは従来どおりで非表示となっています。
本日時点でこの機能が利用出来るコントロールは文字列の複数選択ドロップダウンと範囲選択日付ピッカーです。

5F038F8B-2FF3-4C85-90BB-0E5E44A62958.png

コントロールオプションから「適用ボタンを表示」のチェックを ON にします。
そうすると次のようにコントロール展開時の下部に「適用」ボタンが表示されます。

C8C0E980-A21F-4FE0-AE69-5DD418981BA9.png

試しに先ほどと同じように 2 つの項目のチェックをオフにしてみましたが、ビジュアルの再読み込みが発生していませんね。
item3 と item5 が表示されたままです。

4785921F-1C70-4F87-8A87-99C85B1EA3F7.png

ここで適用ボタンを押してみましょう。

4474C07F-2D39-4155-82D2-D384DB5BC1AE.png

おっ、再読み込みが発生しました。
そして次のように選択されているもののみでビジュアルが表示されるようになりました。

4E8D365D-4DE4-4C43-AE0F-25ED33B7F8F5.png

カレンダー(複数)の適用ボタンも確認

先ほどお伝えしたように日付の範囲ピッカーも今回のアップデート対象となってます。
試してみましょう。

日付範囲ピッカーはパラメータを使わずに、フィルターから直接コントロールを作成します。

A659369C-7715-4CC0-83E7-9670D85F2571.png

コントロールオプションを見てみると適用ボタンの表示が出来そうですね。ON にしてみます。

D3668FBB-2CCB-428A-9A82-C69D3553DC98.png

おー、こちらはカレンダーの左下に「適用」ボタンが表示されました。なるほど。
従来はカレンダーの日付をひとつ選択するごとにビジュアルの再読み込みが発生していましたが、適用ボタンを押すまで待たせることが出来ますね。

E3DC5466-B131-49E1-86A8-0B2F6AE7B484.png

適用ボタンが設定できないコントロールも多数

単独値選択のドロップダウンや範囲選択ではない日付ピッカー、あるいはその他のコントロールについては従来どおりで適用ボタンの表示は出来ません。
複数値選択や範囲選択のときに特に問題になることが多かったと思うので上記についてはまぁ従来どおりでも良いかなとは思ってます。

2F4960F6-B0C2-4291-A2D9-43A3E1AA6B20.png

強いていうと数値の範囲選択(スライダーとか)についても適用ボタン使えても良かったかもしれませんね。試してみたところ使えませんでした。

さいごに

本日は Amazon QuickSight のコントロールオプションで適用ボタンを表示できるようになったので試してみました。

確かに不要な読み込みが発生して微妙に嫌だったなと思うことがありましたね。私は大きな課題になることはなかったのですがダイレクトクエリを使う際にちょっと気になってました。
今後は適用ボタンの ON/OFF でコントロール出来そうです。素晴らしい。

Share this article

facebook logohatena logotwitter logo

© Classmethod, Inc. All rights reserved.